<template>
  <div>
<input type="checkbox" v-model="checkedComputed">
  </div>
  <button @click="isChec=!isChec">改checked</button>
  <div>
    chec的值:{{ isChec  }}
  </div>
</template>

<script setup>
//computed的完整写法
//使用完整写法的场景是,需要反向修改原始数据.就比如复选框的选中状态,如果这个状态使用的是计算属性,那么为了实现双向数据流,就需要使用set写法.
import {ref,computed} from 'vue';
const isChec=ref(true)
const checkedComputed=computed({
  get(){
return isChec.value
  },
  set(val){
isChec.value=val
  }
})
</script>

<style lang="scss" scoped>

</style>